<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css样式</title>
		<!--html中元素自带属性和属性值  做单个元素效果
		    css样式表  整体或单个元素效果
			使用css  1.引入css3样式【4种】
			           1.1内联样式表：没有实现内容与表现分离
					   1.2内容样式表：联系专用
					     1.2.1使用方式：  head元素 添加style元素
						 1.2.2编写css语法：  选择器  元素选择器：抓取页面元素
					   1.3外部样式表：项目专用
					     1.3.1使用方法：  head元素 添加link元素 指定css文件
						 1.3.2创建xxx.css文件
					   1.4引入样式表：不用 有致命bug css2语法
					     1.4.1使用方法：  head元素 添加style元素
						 1.4.2创建xxx.css文件
						 1.4.3在style元素中添加@import（xxx.css）
						 缺点：项目内容大 先执行结构执行出来 等一会 效果加不上 先执行效果css 然后在执行结构html
			         2.编写css3语法：css属性和属性值
					 -->
	<style>
		@import url(css/引入样式表.css);
		/*css3注释*/
		p{
			/*css3中的属性也属性值：添加【样式】效果*/
			/*效果：居中*/
			text-align: center;
			/*效果：背景颜色*  色值：十六进制*/
			background-color: #e463;/*京东红 主题色*/
			/*效果：文字放大*/
			font-size: 50px;
			/*效果：宽高*/
			width: 249px;
			height: 249px;
			/*效果：行高与高度一致：垂直居中*/
			line-height: 249px;
			
		}
	</style>
	<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<!-- html 效果-->
		<p>lorem1</p>
		<!-- css 效果  -->
		<p>lorem2</p>
		<span>行元素：写内容</span>
	</body>
</html>
